﻿<footer class="border-top footer text-muted">
    <div class="jumbotron">
        <div class="container">
            <div class="about row" id="accordion">
                <div class="col-sm-2 mt-2">
                    <a class="text-dark" data-toggle="collapse" href="#collapseOne">
                        <h5>关于精泰检测</h5>
                    </a>
                    <ul id="collapseOne" class="" data-parent="#accordion">

                        <li><a asp-action="Index" asp-controller="About">公司简介</a></li>
                        <li><a asp-action="Founder" asp-controller="About">创始人</a></li>
                        <li>
                            <a asp-action="TimeLine" asp-controller="About">大事记</a>
                        </li>
                        <li><a href="#">获奖记录</a></li>
                        <li><a href="#">中标记录</a></li>
                        <li><a asp-action="Index" asp-controller="Ability">检测能力</a></li>
                    </ul>
                </div>


                <div class="col-sm-2 mt-2">
                    <a class="text-dark" data-toggle="collapse" href="#collapseTwo">
                        <h5>加入精泰检测</h5>
                    </a>
                    <ul id="collapseTwo" class="" data-parent="#accordion">

                        <li><a asp-action="Recruitment" asp-controller="About">社会招聘</a></li>
                        <li><a asp-action="Recruitment" asp-controller="About">校园招聘</a></li>
                        <li><a href="#">精泰学院</a></li>

                    </ul>
                </div>


                <div class="col-sm-2 mt-2">
                    <a class="text-dark" data-toggle="collapse" href="#collapseThree">
                        <h5>客户服务</h5>
                    </a>
                    <ul id="collapseThree" class="" data-parent="#accordion">

                        <li><a href="#">意见反馈</a></li>
                        <li><a href="#">理赔举报</a></li>
                        <li><a href="#">环保举报</a></li>
                        <li><a href="#">精泰隐私保护白皮书</a></li>
                        <li><a href="#">中标记录</a></li>
                    </ul>
                </div>

                <div class="col-sm-2 mt-2">
                    <a class="text-dark" data-toggle="collapse" href="#collapseFour">
                        <h5>商务合作</h5>
                    </a>
                    <ul id="collapseFour" class="" data-parent="#accordion">
                        <li><a asp-controller="About" asp-action="CallUs">联系我们</a></li>
                        <li><a href="#">开放平台</a></li>
                        <li><a href="#">精泰营销平台</a></li>
                        <li><a href="#">环保检测协会</a></li>
                    </ul>
                </div>

                <div class="col-sm-2 mt-2 text-center">
                    <h5>官方微信</h5>
                    <img class="pt-2 mx-auto" src="~/images/jt_twocode.jpg" alt="二维码" />

                </div>
                <div class="col-sm-2 mt-2 text-center">
                    <h5>官方微博</h5>
                    <img class="pt-2 mx-auto" src="~/images/jt_twocode.jpg" alt="二维码" />
                </div>
            </div>
        </div>
    </div>

    @*备案*@
<div class="container text-center beian">
    <a asp-area="" asp-controller="Home" asp-action="Privacy">与精泰联系</a>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <a asp-area="" asp-controller="Home" asp-action="Privacy">隐私&Cookie</a>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <a asp-area="" asp-controller="Home" asp-action="Disclaimer">免责声明</a>
    &nbsp;&nbsp;&nbsp;&nbsp;
    &copy; @DateTime.Now.Year - 湖南精泰检测有限公司 - 版权所有 - <a href="http://www.beian.miit.gov.cn/">湘ICP备20000016号-1</a>
</div>
</footer>
<script>
    window.onload = function () {
        if (window.outerWidth < 574) {
            var accordion = document.getElementById("accordion");
            var ul = accordion.getElementsByTagName("ul");
            var h5 = accordion.getElementsByTagName("h5");
            console.log(h5[0].innerHTML);
            for (var i = 0; i < ul.length; i++) {
                ul[i].classList.add("collapse");
                //h5[i].appendChild(span);

            }

        }
    }
</script>
